.timeblock{
	border:1px solid #dddddd;
	border-top:none;
	position:relative;
	max-height:15px;
	min-height:14px;
	overflow:visible;
	color:#666666;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.timeblock.first{
	border-top:1px solid #dddddd;
	margin-top:8px;
}
.timeblock-time{
	display:inline-block;
	position:absolute;
	width:0px;
	left:2px;
	top:-6px;
}
.timeblock-time.half{
	font-size:10px;
	color:#666666;
}
.timeblock-time-text{
	padding:0px 2px;
	line-height:10px;
	background-color:white;
	opacity:.7;
	font-size:11px;
	border-radius:7px;
	position:absolute;
	z-index:100;
}
.widget.weekday{
	width:174px;
	margin:18px 3px 0px 3px;
	-moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.timeblock-select{
	min-height:14px; /* 10px if you want shrinkage*/
	cursor:pointer;
}
.timeblock.on{
	border-bottom:none;
}
.timeblock.on .timeblock-select{
	height:15px;
	background-color:#A0B1CF;
}
.timeblock.on.yellow .timeblock-select{
	background-color:#F3DE6F;
}
.timeblock.on.red .timeblock-select{
	background-color:#F09393;
}
.weekday .widget-form-title{
	border:1px solid #dddddd;
	height:20px;
	text-transform:uppercase;
	font-weight:bold;
	color:rgb(119, 119, 119);
	background-color:#eeeeee;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.timeblock-end{
	height:10px;
	background-color:#eeeeee;
	border:1px solid #dddddd;
	border-top:0px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	position:relative;
}
.unscheduled-title{
	border:1px solid #dddddd;
	border-top:0px;
	background-color:rgb(240, 102, 102);
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	font-size:11px;
	position:relative;
	cursor:pointer;
	padding:4px;
	opacity:.9;
}
.unscheduled-title:hover{
	opacity:1;
}
.unscheduled-arrow{
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	border-bottom:6px solid white;
	position:absolute;
	right:10px;
	bottom:8px;
}
.workweek-event-duration{
	position:absolute;
	left:0px;
	font-size:10px;
}
.workweek-event{
	cursor:move;
	/*background-color:grey;*/
}
.timeblock.eligible{
	background-color:rgb(217, 255, 186);
}
.unscheduled .timeblock-time-text{
	background-color:rgba(0,0,0,0);
	opacity:1;
	line-height:16px;
	padding:0px 4px;
	width:50px;
	text-align:left;
}
.scheduled-event{
	position:absolute;
	z-index:10;
	width:100%;
	border-bottom:1px solid #dddddd;
	box-shadow:1px 2px 5px #888888;
	opacity:.8;
}
.unscheduled{
	opacity:.8;
}
.scheduled-event:hover, .unscheduled:hover{
	opacity:1;
}
.drag-resize{
	position:absolute;
	bottom:-2px;
	width:100%;
	height:6px;
	border-top:solid 1px #c0c0c0;
	background-color:rgb(244, 244, 244);
	cursor:s-resize;
	opacity:0;
}
.drag-resize-up,.drag-resize-down{
	position:absolute;
	display:none;
	width:0;
	height:0;
	left:76px;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
}
.drag-resize-up{
	top:-9px;
	border-bottom:5px solid #c0c0c0;
}
.drag-resize-down{
	bottom:-10px;
	border-top:5px solid #c0c0c0;
}
.drag-resize:hover > .drag-resize-up,.drag-resize:hover > .drag-resize-down{
	display:block;
}
.scheduled-event:hover > .drag-resize{
	opacity:.5;
}
.scheduled-event.saving{
	opacity:.7;
	cursor:default;
}
.scheduled-event.saving > .drag-resize{
	cursor:default;
	display:none;
}
.workweek-event-name{
	position:relative;
	font-family:Tahoma, sans-serif;
	font-size:11px;
	max-width:133px;
	display:inline-block;
}
.scheduled-event-duration{
	bottom:-15px;
	height:14px;
	width:164px;
	position:absolute;
	left:4px;
	font-size:10px;
	display:none;
}
.timeblock[quarter="1"]{
	box-shadow:inset 0 2px 2px rgba(0,0,0,.07);
}
.eligible-time .timeblock-time{
	font-weight:bold;
	color:#666666;
	opacity:1;
}
.eligible-time .timeblock-time-text{
	opacity:1;
}
.unscheduled-title.collapsed .unscheduled-arrow{
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.workweek-event-category{
	display:inline-block;
	width:18px;
	height:18px;
	margin:5px 3px 1px 3px;
	cursor:pointer;
}
.workweek-event-category:hover{
	width:14px;
	height:14px;
	border:2px dotted #797979;
}
.we-cat0{	background-color:rgb(221, 220, 217);}
.we-cat1{	background-color:rgb(208, 229, 255);}
.we-cat2{	background-color:rgb(255, 202, 202);}
.we-cat3{	background-color:rgb(197, 236, 161);}
.we-cat4{	background-color:rgb(255, 249, 182);}
.we-cat5{	background-color:rgb(224, 195, 255);}
.we-cat6{	background-color:rgb(182, 255, 249);}

.we-cat0b{	background-color:rgb(192, 187, 174);}
.we-cat1b{	background-color:rgb(177, 208, 245);}
.we-cat2b{	background-color:rgb(252, 166, 166);}
.we-cat3b{	background-color:rgb(145, 218, 79);}
.we-cat4b{	background-color:rgb(245, 233, 96);}
.we-cat5b{	background-color:rgb(195, 160, 232);}
.we-cat6b{	background-color:rgb(145, 240, 233);}

.workweek-event-category.selected{
	border: 2px solid #797979;
	height:14px;
	width:14px;
	cursor:default;
}
.workweek-event-name{
	z-index:20;
	padding:0px 6px;
}
.widget-title .fa-crosshairs, .widget-title .fa-trophy{
	font-size:16px;
	color:rgb(231,80,80);
	margin-right:3px;
	margin-left:-9px;
}
form[name=new_workweek_events] select, form[name=new_workweek_events] input{
	display:inline-block;
}
form[name=new_workweek_events] .form-input-input-value{
	display:none;
}
.delete-workweek{
	position:absolute;
	right:-2px;
	top:0px !important;
	font-size:12px;
	opacity:.4;
	cursor:pointer;
	display:none;
	color:#666666;
}
.delete-workweek:hover{
	opacity:1;
}
.unscheduled .delete-workweek{
	top:1px !important;
}
.workweek-category-picker{
	position:absolute;
	left:-9px;
	top:1px;
	border:2px solid rgba(255,255,255,.85);
	height:8px;
	width:8px;
	cursor:pointer;
	display:none;
}
.scheduled-event:hover > .delete-workweek, 
.unscheduled:hover > .delete-workweek,
.scheduled-event:hover > .workweek-event-name .workweek-category-picker
{
	display:block;
}
.workweek-category-picker:hover{
	border:2px solid #ffffff;
}
.workweek-category-picker-colors{
	position:absolute;
	left:25px;
	top:-20px;
	height:20px;
	width:120px;
	text-align:center;
	border:1px solid #dddddd;
	border-bottom:0px;
	border-top-right-radius:8px;
	border-top-left-radius:8px;
	display:none;
}
.workweek-category-color{
	display:inline-block;
	height:14px;
	margin-top:3px;
	width:14px;
	cursor:pointer;
	box-shadow:1px 1px 2px;
}
.workweek-category-color:hover{
	border: 2px dotted white;
	height:10px;
	width:10px;
}
.workweek-category-color.current-category{
	height:10px;
	width:10px;
	border:2px solid white;
}
a.edit-event-name{
	color:#666666;
}
a.edit-event-name:hover{
	color:rgb(81, 120, 218);
	text-decoration:none;
}
span.workweek-category-color-description{
	position:absolute;
	width:100px;
	text-align:center;
	top:-11px;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:1px;
	display:none;
}
.scheduled-event.editing{
	cursor:default;
	z-index:10000;
	opacity:1;
}
.scheduled-event input{
	position:absolute;
	top:-1px;
	left:21px;
	display:inline-block !important;
	font-size:11px;
	height:18px;
	width:123px;
	text-align:center;
}
.scheduled-event i{
	color:#666666;
	font-size:15px;
	position:absolute;
	top:5px;
	opacity:.5;
	cursor:pointer;
}
.scheduled-event i:hover{
	opacity:1;
}
.scheduled-event .fa-reply{
	left:0px;
	font-size:13px;
	top:6px;
}
.scheduled-event .fa-check{
	right:-2px;
}
.addSingleEvent{
	display:none;
	position:absolute;
	right:-2px;
	top:2px;
	font-size:11px;
	color:rgb(125, 199, 95);
	opacity:.5;
	cursor:pointer;
}
.timeblock:hover > .addSingleEvent{
	display:inline-block;
}
.addSingleEvent:hover{
	opacity:1;
}
.timeblock[capacity=0] .addSingleEvent:hover{
	opacity:0;
}
.scheduled-event .workweek-goal{
	position:absolute;
	right:-2px;
	top:0px;
	color:rgb(231,80,80);
	opacity:1;
}
.scheduled-event:hover > .workweek-goal{
	right:11px;
}
.unscheduled .workweek-goal{
	position:absolute;
	right:-2px;
	top:0px;
	font-size:15px;
	color:rgb(231,80,80);
	opacity:1;
	cursor:default;
}
.unscheduled:hover > .workweek-goal{
	right:10px;
}
.optionCategories{
	display:inline-block;
	height:21px;
	width:19px;
	vertical-align:bottom;
}